Ext.define("HardRental.view.desktop.ViewPort",{
    extend:'Ext.container.Viewport',	
	alias: 'widgent.Desktop',
    layout: 'border',
    items: [{
        id: 'north',
        region: 'north',
        layout : 'hbox',
        items:[{
            width: 260,
            baseCls: '',
            id:'north-left',
            html:'<b style="color:#000;"> HARD RENTAL </b>'
			}]
		}, {
			region: 'west',
			id: 'west',
			collapsible: true,
			split:true,
			title: 'M&#243;dulos',
			width: 180,
			iconCls:'icon-modules',
			cls: 'my-cool-tree',
			layout: 'fit',
			items: Ext.create("HardRental.view.desktop.TreePanel")
			// could use a TreePanel or AccordionLayout for navigational items
    }, {
        region: 'south',
        id: 'south',
        height: 28,
        frame: true,   // First tab active by default
        html: '<center>Derechos de Autor 2013 - CSTI CORP. &copy Todos los derechos reservados.</center>',
        style:{
            margin: '3px 0px 0px 0px'
        }
    }, {
        region: 'east',
        title: 'East Panel',
        collapsible: true,
        split: true,
        width: 150
    }, {
        region: 'center',
        xtype: 'tabpanel', // TabPanel itself has no title
        activeTab: 0,      // First tab active by default
        items: {
            title: 'Default Tab',
            html: 'The first tab\'s content. Others may be added dynamically'
        }
    }]
});
//=====================================================================================================
